<template>
  <div class="mov">
    <div class="move-item">
      <div class="yinyuan">
        <div class="dizhi">武汉恒大嘉凯影城（龙城店）</div>
        <div class="ceng">
          <span class="ceng-left"
            >黄陂区盘龙城巨龙大道与兴龙路交汇旁恒大龙城46号楼三、四层</span
          >
          <span class="ceng-right">19.9<span class="ceng-qi">元起</span></span>
        </div>

        <div class="tu">
          <div>座</div>
        </div>
      </div>

      <div class="yinyuan">
        <div class="dizhi">武汉中影天幕影城</div>
        <div class="ceng">
          <span class="ceng-left">汉阳区汉阳大道726号海天欢乐购5楼</span>
          <span class="ceng-right">19.9<span class="ceng-qi">元起</span></span>
        </div>

        <div class="tu">
          <div>座</div>
        </div>
      </div>

      <div class="yinyuan">
        <div class="dizhi">橙天嘉禾影城（武汉南国店）</div>
        <div class="ceng">
          <span class="ceng-left"
            >硚口区解放大道387号泛悦mall.西汇店二期5楼</span
          >
          <span class="ceng-right">19.9<span class="ceng-qi">元起</span></span>
        </div>

        <div class="tu">
          <div>座</div>
        </div>
      </div>

      <div class="yinyuan">
        <div class="dizhi">中影泰得影城（武汉世茂店）</div>
        <div class="ceng">
          <span class="ceng-left"
            >汉阳区武汉市阳新路与锦绣三路交叉口世茂52+商城三楼</span
          >
          <span class="ceng-right">19.9<span class="ceng-qi">元起</span></span>
        </div>

        <div class="tu">
          <div>座</div>
        </div>
      </div>

      <div class="yinyuan">
        <div class="dizhi">武汉恒大嘉凯影城（龙城店）</div>
        <div class="ceng">
          <span class="ceng-left"
            >黄陂区盘龙城巨龙大道与兴龙路交汇旁恒大龙城46号楼三、四层</span
          >
          <span class="ceng-right">19.9<span class="ceng-qi">元起</span></span>
        </div>

        <div class="tu">
          <div>座</div>
        </div>
      </div>
    </div>
  </div>
</template>
<style scoped lang="scss">
.mov {
  width: 100%;
  overflow: hidden;
  margin-bottom: 70px;

  .move-item {
    width: 1200px;
    height: 138px;
    // background: chocolate;
    margin: 0 auto;

    .yinyuan {
      width: 950px;
      height: 138px;
      // background: cornflowerblue;
      margin: 0 auto;
      margin-bottom: 30px;

      .dizhi {
        width: 950px;
        height: 36px;
        // background: yellow;
        font-size: 26px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .ceng {
        width: 950px;
        height: 43px;
        // background: wheat;

        .ceng-left {
          color: #999;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          line-height: 43px;
          float: left;
          font-size: 16px;
        }

        .ceng-right {
          font-size: 26px;
          color: #ef4238;
          font-weight: 400;
          line-height: 43px;
          float: right;
          margin-right: 4px;
        }
        .ceng-qi {
          font-size: 16px;
          color: #999;
          line-height: 43px;
          float: right;
        }
      }

      .tu {
        width: 100%;
        height: 58px;
        // background: red;
        border-bottom: 1px solid #e5e5e5;

        div {
          width: 30px;
          height: 30px;
          border: 1px solid #76b0bf;
          color: #76b0bf;
          text-align: center;
          line-height: 30px;
          font-size: 16px;
        }
      }
    }
  }
}
</style>